@charset "utf-8";
body{
  background: url(bg2_imde.jpg) no-repeat center top;
}

.sidebar .type {
  margin-bottom: 1px;
  position: relative;
  padding-left: 20px;
  font-size: 28px;
  font-weight: 500;
  background: #004098;
  border-bottom-width: 0;
  line-height: 68px;
  color: #fff;
}
@media (max-width: 992px) {
  .sidebar .type {font-size: 18px;}
}
.subtype-list {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #f6f6f6;
}
.left-nav, .left-nav li ul {
  list-style: none;
  padding: 0;
}
.left-nav li a {
  font-size: 14px;
  display: block;
  padding-left: 20px;
  color: #004098;
  border-bottom: 1px solid #f0f5ff;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  font-weight:400;
  background-color: #e2e9f8;
}
.left-nav li a {
  font-size: 18px;
  line-height: 52px;
}
@media (max-width: 992px) {
  .left-nav li a {font-size: 14px;}
}
.left-nav li a i {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  padding: 10px 0;
  text-align: center;
}
.left-nav li a.current{
  border-left: 4px solid #004098;
  padding: 0 20px 0 16px;
}
.left-nav li a.current:after{
  content: '';
  background: url(../arrow_imde.png) no-repeat center top;
  width: 11px;
  height: 11px;
  display: inline-block;
  position: absolute;
  top: 21px;
  right: 10px;
}

.left-nav li a.current i {
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  padding: 0.8rem 0;
  text-align: center;
}
.left-nav li a:hover {
  background-color: #D3DDF1;
  /* border-left: 4px solid #004098; */
}
.left-nav li ul {
  display: none;
  margin: 0;
  background-color: #e8f6fe;
}


/* Pager
---------------------------------- */
ul.pagination,
ul.pager {
  margin:0;
  text-align: left;
}
ul.pagination li {
  padding: 0;
  margin: 0 5px 0 0;
  border-bottom: none;
  font-size: 12px;
  display: inline-block;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}
ul.pagination li > a,
.pagination > li:first-child > a,
.pagination > li:last-child > a,
ul.pager li > a {
  padding: 6px 9px;
  border: 1px solid #f3f3f3;
  line-height: 1;
  background-color: #fafafa;
  display: inline-block;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  color: #666666;
}
ul.pagination li > a:hover {
  color: #ffffff;
  background-color: #3175b3;
  border-color: #3175b3;
}
ul.pagination li.active a,
.pagination > .active > a:hover,
.pagination > .active > a:focus {
  color: #ffffff;
  background-color: #3175b3;
  border-color: #3175b3;
  /* line-height: 1; */
}
ul.pagination li > a:focus {
  background: #3175b3;
}

/* Breadcrumb
---------------------------------- */
.breadcrumb {
  background: transparent;
  margin: 0;
  font-size: 16px;
  padding: 0 0 0 45px;
}
.breadcrumb a {
  color: #004098;
  line-height: 40px;
}


.indexbox {width: auto; height:auto; overflow:hidden; margin-bottom: 2em;}
.lanmu{background-color: #f5f5f5;text-align: right;padding-right: 40px;color: #004098;line-height: 42px;font-size: 22px;}
.lanmu_l{height:53px;line-height:46px;color: #3175b3;font-weight:500;font-size:22px;border-bottom: #3175b3 solid 2px;}

.list-box {width: auto;height:auto;overflow:hidden;margin: 22px 0 0 0;padding: 0 30px;}

.list-tab { overflow:hidden; display:block;}
.list-tab ul>li{overflow:hidden;clear:both;width:100%;text-align:left;text-overflow: ellipsis;padding: 0 0 5px 14px;line-height: 2.8em;display: block;border-bottom: 2px solid #e0e9f5;}
.list-tab ul>li>a{float:left;width:84%;overflow:hidden;font-size: 14px;line-height: 2.8em;color: #666;/* padding:0 0 0 14px; */text-overflow:ellipsis;white-space:nowrap;display:block;font-weight:500;}
.list-tab1 ul>li>a{float:left;width: 86%;overflow:hidden;font-size:14px;line-height: 2.8em;color:#666;padding:0 0 0 14px;text-overflow:ellipsis;white-space:nowrap;display: block;font-weight:500;}
.list-tab ul>li>a>img { display:inline-block; margin:0 0 0 6px;}
.list-tab span {height:30px;line-height:30px;color:#9b9b9b;font-size: 14px;}
.list-tab span.right {float: right;}

.homelist {margin: 22px 0 0 0;overflow: hidden;padding: 0 30px;}
.homelist li{margin-bottom: 15px; display: block; overflow: hidden; border-bottom:#ccc dashed 1px; }
.homelist li:last-child {margin-bottom:0;border-bottom:#ccc dashed 0; }
.homelist li h2 {font-size:15px;line-height:22px;margin:0 0 8px 0;}
.homelist li h2>a {color: #004098;font-size: 18px;}
.homelist li h2>a:hover {text-decoration:underline;}
.homelist .news-img{ margin-right: 10px; margin-bottom:15px;}
.homelist .news-img img{max-width: 162px;/* border:#e4e4e4 solid 3px; */}
.homelist .news-txt p {line-height: 20px;font-size: 13px;}
.homelist .news-txt i {font-size: 14px;/* margin: 8px 0 15px 0; */color: #bebebe;display:block;text-align: right;font-style: normal;line-height: 26px;}
.homelist .news-txt p a {/* overflow:hidden; *//* color:#f08519; */display:block;}
.homelist .news-txt p a:hover {color: #5980d1;}
.homelist .hzfa-img{ margin-right: 10px; margin-bottom:15px;}
.homelist .hzfa-img img{ max-width: 112px; border:#e4e4e4 solid 3px;}
.homelist .hzfa-txt p { line-height: 1.5; font-size: 12px; margin:0 0 15px 0; color:#8e8e8e;}
@media (min-width: 768px) {
  .homelist .news-txt p{line-height: 20px;height: auto;font-size: 16px;/* overflow:hidden; */}
  .homelist .news-img img{width: 160px;height: 90px;}
  .homelist .news-img{ margin-right: 15px;}
  .homelist li{margin-bottom: 15px; display: block; overflow: hidden; }
  .homelist .hzfa-txt p{ line-height: 20px; height: auto; font-size: 13px; overflow:hidden;}
  .homelist .hzfa-img img{ width: 112px; height: 152px;}
  .homelist .hzfa-img { margin-right: 15px;}
}
@media (max-width: 767px) {
  .homelist .news-img{ margin-bottom:2px;}
  .homelist .news-img img{ width: 126px; height:84px;}
  .homelist .hzfa-img{ margin-bottom:2px;}
  .homelist .hzfa-img img{ width: 106px; height:146px;}
}


@media screen and (max-width: 480px){
  .list-index li a {width:100%;font-size:13px;}
  .list-index span {width:0; visibility:hidden;}
  .list-tab ul li a {width:100%;font-size:13px; line-height:28px; height:auto; white-space:normal;background-position: left 11px;}
  .homelist>.list-tab>ul>li>p>i {font-size: 12px;line-height: 30px;}
  .list-tab span {width:0; visibility:hidden;}
  .list-tab1 ul li a {width:100%;font-size:13px; line-height:28px; height:auto; white-space:normal;background-position: left 11px;}
  .list-tab1 span {width:0; visibility:hidden;}
  .list-note ul li a {width:100%;font-size:13px;}
  .list-note span {width:0; visibility:hidden;}
}

.list-tab1 { overflow:hidden; display:block;}
.list-tab ul li a:hover,.list-tab1 ul li a:hover {/* color: #1d9dfb; *//* text-decoration: underline; */}
@media (max-width: 1200px) {.list-tab ul li a{/* width: 80%; */}}
@media (max-width: 992px) {
  .list-kpdt { margin-bottom:15px;}
}
@media (max-width: 480px) {
  .list-tab ul li a{line-height: 30px;/* max-width: 66px; */width: 100%;/* display: inline-block; */}
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #ececec;
  float: left;
  width: 100%;
  display: block;
}

/* for pics.html ==================*/
.thumbnail__link {
  display: block;
}

.thumbnail__link img {
  margin: 0;
  width: 100%;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform, -webkit-transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.thumbnail__link:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.thumbnail__link:hover + .thumbnail__caption .icon-play {
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-name: video-arrow;
  animation-name: video-arrow;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
/* 3.3. END Thumbnail */
.thumbnail__link img {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.thumbnail__link {
  display: block;
  overflow: hidden;
}

/* end yellow line in title word*/
/* thumbnail image hover */
.thumbnail__link {
  position: relative;
}
.thumbnail__link::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.thumbnail__link:hover::before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}


.pics.row {
  margin-top: 20px;
}

.img-portfolio {
  display: block;
  padding-bottom: 12px;
}
.photo-box img{
  height: 107px;
  padding: 0;
}
@media (max-width: 599px){
  .img-portfolio {
    width: 50%!important;
  }
  .photo-box img{
    height: 137px;
  }
}
@media (max-width: 479px){
  .photo-box img{
    height: 107px;
  }
}
.photo-title {
  width: 100%;
  overflow: hidden;
  font-size: 15px;
  line-height: 22px;
  color: #454545;
  padding: 8px 10px;
  height: 34px;
  text-align: center;
  text-transform: uppercase;
}

/* for pics.html END==================*/

/** for article.html =====*/
article{
  text-align: center;
}

.article-title{
  font-size: 25px;
  color: #004098;
  line-height: 32px;
}

.article-source{
  font-size: 14px;
  color: #9d9d9d;
  margin-bottom: 15px;
  line-height: 40px;
}

.article-source span{
  width: 30%;
  display: inline-block;
}

.article-body{
  font-size: 16px;
  color: #444444;
  text-align: left;
}

.article-body p{
  margin-bottom: 25px;
  line-height: 26px;
}

.article-image-box .img-title{
  font-size: 14px;
  color: #999999;
  line-height: 22px;
}

.article-image-box>img {
  max-width: 100%;
}
/** for article.html END=====*/



/** for list2.html =====*/
.homelist li.list-title {
  position: relative;
}
.homelist li.list-title h2{
  max-width: 75%;
}
.homelist li.list-title p{
  position: absolute;
  bottom: 12px;
  right: 0;
}

/** for list2.html END=====*/

@media screen and (max-width: 480px){
  .main-article { padding:2px;}
  .article-tit{font-size: 22px;line-height: 26px;}
  .news_p{padding: 15px;}
}